import React,{Component} from 'react';
import {Link,NavLink } from 'react-router-dom';
import Footer from '../page/Footer.js';
import '../../css/reset.css';
import '../../css/search.css';

export default class Index extends Component{
	render(){
		return(
			<div>
				<div id="header">
					<header className="head-top">
						<div className="go-back">
							<a href="travel.html">
								<i className="goback-icon"></i>
							</a>
						</div>
						<div className="title">
							<h3>选择目的地</h3>
						</div>
						<div></div>
					</header>
					<form action="" className="search-wrap">
						<div className="search-box">
							<input type="search" placeholder="春季旅游节"/>
						</div>
					</form>
				</div>
				
				<nav className="nav">
					<ul>
						<li className="nav-blur nav-current">
							<i className="nav-bp1"></i>
							<p>热门</p>
						</li>
						<li className="nav-blur">
							<i></i>
							<p>国内</p>
						</li>
						<li className="nav-blur">
							<i></i>
							<p>国外</p>
						</li>
						
					</ul>	
				</nav>
				
				<section className="pro">
					<div className="pro-scroll clearfix" style={{"display": "block"}}>
						<a href="#">
							<img src={require("../../images/img/search0407_01.jpg")} />
							<span>上海迪士尼</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_02.jpg")}/>
							<span>云南</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_03.jpg")}/>
							<span>厦门</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_04.jpg")}/>
							<span>香港</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_05.jpg")}/>
							<span>法国</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_06.jpg")}/>
							<span>泰国</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_07.jpg")}/>
							<span>美国</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/search0407_08.jpg")}/>
							<span>德国</span>
						</a>
					</div>
					<div className="pro-scroll">
						<a href="#">
							<img src={require("../../images/img/guonei0407_03.jpg")}/>
							<span>上海迪士尼</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_05.jpg")}/>
							<span>稻城亚丁</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_09.jpg")}/>
							<span>九寨沟</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_10.jpg")}/>
							<span>乌镇</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_13.jpg")}/>
							<span>婺源</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_14.jpg")}/>
							<span>青海湖</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_17.jpg")}/>
							<span>香格里拉</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/guonei0407_18.jpg")}/>
							<span>鼓浪屿</span>
						</a>
					</div>
					<div className="pro-scroll">
						<a href="#">
							<img src={require("../../images/img/waiguo0407_03.jpg")}/>
							<span>马尔代夫</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_05.jpg")}/>
							<span>夏威夷</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_09.jpg")}/>
							<span>巴厘岛</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_10.jpg")}/>
							<span>曼谷</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_13.jpg")}/>
							<span>西班牙</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_14.jpg")}/>
							<span>拉斯维加斯</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_17.jpg")}/>
							<span>塞班岛</span>
						</a>
						<a href="#">
							<img src={require("../../images/img/waiguo0407_18.jpg")}/>
							<span>苏梅岛</span>
						</a>
					</div>
				</section>
				
				<Footer/>
			</div>
		)
	}
}
